// 注册
$(".man-col").mouseenter(function () {
    $(".man-list").stop(true)
    $(".man-list").animate({
        height: 'show'
    }, 200)
});
$(".man-col").mouseleave(function () {
    $(".man-list").stop(true)
    $(".man-list").animate({
        height: 'hide'
    }, 200)
});
$(".woman-col").mouseenter(function () {
    $(".woman-list").stop(true)
    $(".woman-list").animate({
        height: 'show'
    }, 200)
});
$(".woman-col").mouseleave(function () {
    $(".woman-list").stop(true)
    $(".woman-list").animate({
        height: 'hide'
    }, 200)
});
$(".parts").mouseenter(function () {
    $(".parts-list").stop(true)
    $(".parts-list").animate({
        height: 'show'
    }, 200)
});
$(".parts").mouseleave(function () {
    $(".parts-list").stop(true)
    $(".parts-list").animate({
        height: 'hide'
    }, 200)
});

// 吸顶菜单
window.onscroll = function () {
    var scroollTop = document.documentElement.scrollTop || document.body.scrollTop;
    if (scroollTop >60) {
       $(".header_con").css({'position':'fixed','top':'0','z-index':'99'}),
       $(".img_logo>img").css({'width':'70','height':'38'})
    } else {
    $(".header_con").css({'position':'relative'}),
    $(".img_logo>img").css({'width':'170','height':'94'})
}
}

// 锚点
// 因为页面卷动在吸顶菜单上写过，所以不用再次写卷动
// 回到顶部;
// 1. 点击回到顶部按钮;
// 2. 设置scrollTop 为0;
$(".fa-angle-up").click(function(){
    document.documentElement.scrollTop = 0;
    document.body.scrollTop = 0;
})


// 表单验证
$("#phone").blur(function(){
    // (请输入11位手机号)
    var reg = /^1([38]\d|5[0-35-9]|7[3678])\d{8}$/;
    var phone_value = $("#phone").val();
    if(reg.test(phone_value)){
        $("#phone").css({
            "borderColor":"blue"
        })
    }else{
        $("#phone").css({
            "borderColor":"red"
        })
    }
})

$("#password").blur(function(){
    // 8-20位登录密码，必须为数字和字母混合
    var reg1=  /^[0-9a-zA-Z]{8,20}$/;
    var password_value = $("#password").val();
    if(reg1.test(password_value)){
        // console.log(1)
        $("#password").css({"borderColor":"blue"})
    }else{
        // console.log(2)
        $("#password").css({"borderColor":"red"})
    }
})

$("#again-password").blur(function(){
    // 与第一个密码相同
    var password_value = $("#password").val()
    var password_value2 = $("#again-password").val()
    if(password_value2 === password_value){
        // console.log(1)
        $("#again-password").css({"borderColor":"blue"})
    }else{
        // console.log(2)
        $("#again-password").css({"borderColor":"red"})
    }
})

$("#dx-password").blur(function(){
    // 6位数字
    var reg2=  /^[0-9]{6}$/;
    var dx_value = $("#dx-password").val();
    if(reg2.test(dx_value)){
        // console.log(1)
        $("#dx-password").css({"borderColor":"blue"})
    }else{
        // console.log(2)
        $("#dx-password").css({"borderColor":"red"})
    }
})






// 注册
$(".register-btn").click(function(){
    // console.log("1")
    // 获取用户注册信息
    var phone_value=$("#phone").val();
    var username_value=$("#username").val();
    var password_value=$("#password").val();
    // 用户名及密码不能为空
    if(username_value == '' || password_value == ''){
        alert("用户名及密码不能为空")
    }else{
        console.log(phone_value,username_value,password_value)
        var datas = {
            phone : phone_value,
            username:username_value,
            password : password_value
        }
        $.ajax("http://localhost/dickies1/register.php",{
            type : "GET",
            data:datas, 
            dataType:'json',
            status: {
                "404": function () {
                    alert("找不到页面")
                }
            },
           success:function(res){
               if(res.type==="success"){
                   alert("注册成功")
                location.href = "./index.html";
               }
               if(res.type==="error"){
                   alert("用户名重名")
               }
            }
        })
    }
})
